<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="////at.alicdn.com/t/font_608695_shu8puej3i85b3xr.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<div class="indexH">
			<!--头部-->
			<header>
				<label for="login"><i class="fl iconfont icon-htmal5icon35"></i></label>
				<label for="sousuoye"><i class="fr iconfont icon-sousuo"></i></label>
				<div class="logo">
					<img src="img/1.png" />
				</div>

			</header>
			<!--主体内容-->
			<section>
				<div class="swiper-container kv">
					<!--图片区-->
					<ul class="swiper-wrapper lunbo">
						<li class="swiper-slide">
							<a href=""><img src="img/lunbo.png" /></a>
							<div class="news">
								<p class="newsInfo">省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携手阿里妈妈举行DT大时代 全息营销</p>
								<div>
									<span><i></i>120</span>
									<span><i></i>650</span>
									<span class="time">3月28日07:35:30</span>
								</div>
							</div>
						</li>
						<li class="swiper-slide">
							<a href=""><img src="img/lunbo.png" /></a>

						</li>
					</ul>
					<div class="swiper-pagination"></div>
				</div>
				<input type="checkbox" name="login" id="login" />
				<div class="login">
					<div class="zuo"><label for="login">←</label></div>
					<header>
						<label for="login"><i class="fl iconfont icon-htmal5icon35"></i></label>
						<label for=""><i class="fr iconfont icon-sousuo"></i></label>
						<div class="logo">
							<img src="img/1.png" />
						</div>

					</header>
					<div class="denglu">
						<a href=""><img src="img/denglu/denglu.png" /></a>
						<label for="zhuceye"><p>立即登录</p></label>

						<a href=""><span>忘记密码</span></a>

					</div>
					<div class="fengexian"></div>
					<div class="liebiao">
						<div class="gimc">
							<p>GIMC</p>
							<span>&gt;</span>
						</div>
						<hr />
						<div class="gimc">
							<p>文章</p>
							<span>&gt;</span>
						</div>
						<hr />
						<div class="gimc">
							<p>资源</p>
							<span>&gt;</span>
						</div>
						<hr />
						<div class="gimc">
							<p>课程</p>
							<span>&gt;</span>
						</div>
					</div>
				</div>
				<div class="cangjingkong">
					<div class="dis">
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
						<span class="s1">❤120</span>
						<span class="s2">2小时前[案例观点] </span>
					</div>
					<div class="img">
						<a href="#"><img src="img/2.png" /></a>
					</div>
				</div>
				<div class="cangjingkong">
					<div class="dis">
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
						<span class="s1">❤886</span>
						<span class="s2">5小时前[课程] </span>
					</div>
					<div class="img">
						<a href="#"><img src="img/index/3.png" /></a>
					</div>
				</div>
				<div class="fengexian"></div>
				<div class="macangyou">
					<div class="dis">
						#苍井空#互联网卖内衣全球引爆声量飙至7.9亿

					</div>
					<div class="imgS">
						<div class="imgOne">
							<a href=""><img src="img/index/4.png" /></a>
						</div>
						<div class="imgTwo">
							<a href=""><img src="img/index/5.png" /></a>
						</div>
						<div class="imgThr">
							<a href=""><img src="img/index/6.png" /></a>
						</div>
					</div>
					<div class="zan">
						<div class="left"><img class="tu1" src="img/index/7.png" />
							<p>陈正光</p>
							<span class="s1"><img src="img/index/hua.png"/>6868</span>
							<span class="s2">❤4808</span></div>

						<span class="s3">2天前[案例观点] </span>
					</div>
				</div>
				<div class="cangjingkong">
					<div class="dis">
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
						<span class="s1">❤120</span>
						<span class="s2">2小时前[案例观点] </span>
					</div>
					<div class="img">
						<a href="#"><img src="img/index/8.png" /></a>
					</div>
				</div>
				<div class="cangjingkong">
					<div class="dis">
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
						<span class="s1">❤120</span>
						<span class="s2">2小时前[案例观点] </span>
					</div>
					<div class="img">
						<a href="#"><img src="img/index/9.png" /></a>
					</div>
				</div>
				<div class="macangyou">
					<div class="dis">
						#苍井空#互联网卖内衣全球引爆声量飙至7.9亿

					</div>
					<div class="imgS">
						<div class="imgOne">
							<a href=""><img src="img/index/10.png" /></a>
						</div>
						<div class="imgTwo">
							<a href=""><img src="img/index/11.png" /></a>
						</div>
						<div class="imgThr">
							<a href=""><img src="img/index/12.png" /></a>
						</div>
					</div>
					<div class="zan">
						<div class="left"><img class="tu1" src="img/index/7.png" />
							<p>陈正光</p>
							<span class="s1"><img src="img/index/hua.png"/>6868</span>
							<span class="s2">❤4808</span></div>

						<span class="s3">2天前[案例观点] </span>
					</div>
				</div>
				<div class="cangjingkong">
					<div class="dis">
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
						<span class="s1">❤120</span>
						<span class="s2">2小时前[案例观点] </span>
					</div>
					<div class="img">
						<a href="#"><img src="img/index/13.png" /></a>
					</div>
				</div>
				<div class="cangjingkong">
					<div class="dis">
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
						<span class="s1">❤120</span>
						<span class="s2">2小时前[案例观点] </span>
					</div>
					<div class="img">
						<a href="#"><img src="img/index/14.png" /></a>
					</div>
				</div>
				<hr />
				<div class="zuihou">加载更多</div>

			</section>
			<!--底部-->
			<footer>
				<dl class="nav fl">
					<dt><a href="index.html"><img src="img/index/index.png"/></a>  </dt>
					<dd><a href="">首页</a></dd>
				</dl>
				<dl class="nav fl">
					<dt><a href="GIMC.html"><img src="img/index/gimc.png"/></a>  </dt>
					<dd><a href="GIMC.html">GIMC</a></dd>
				</dl>
				<dl class="nav fl">
					<dt><a href="wenzhang.html"><img src="img/index/wenzhang.png"/></a>  </dt>
					<dd><a href="wenzhang.html">文章</a></dd>
				</dl>
				<dl class="nav fl">
					<dt><a href="ziyuan.html"><img src="img/index/xiyuan.png"/></a>  </dt>
					<dd><a href="ziyuan.html">资源</a></dd>
				</dl>
				<dl class="nav fl">
					<dt><a href="xueyuan.html"><img src="img/index/xueyuan.png"/></a>  </dt>
					<dd><a href="xueyuan.html">我的</a></dd>
				</dl>

			</footer>
		</div>
		<input type="radio" name="login" id="zhuceye" value="" />
		<div class="zhuceye">
			<div class="zhuti">
				<img src="img/zhuce/tubiao.png" />
				<table border="0" cellspacing="" cellpadding="0">
					<tr>
						<td><img src="img/zhuce/yonghuming.png" /></td>
						<td><input type="text" id="" value="" placeholder="请输入已验证的手机号或邮箱" /></td>
					</tr>
					<tr>
						<td><img src="img/zhuce/mima.png" /></td>
						<td><input type="password" name="" placeholder="请输入密码" /></td>

					</tr>

				</table>
				<p><img src="img/zhuce/wenhao.png" />忘记密码</p>
				<label for="yidenglu"><span class="jinru">登录</span></label>
				<input type="submit" name="" id="" value="注册" />
			</div>
		</div>
		<input type="radio" name="login" id="yidenglu" value="" />
		<div class="yidenglu">
			<div class="search">
				<span>x</span>
				<div class="jingke">
					<img src="img/yidenglu/fangdajing.png" />
					<input type="search" name="" required="" placeholder="Search" x-webkit-speech="" x-webkit-grammar="builtin:search" lang="zh-CN">
				</div>

			</div>
			<hr />
			<div class="qinwang">
				<img src="img/yidenglu/touxiang.png" />
				<div class="personal">
					<p class="p1">陈小敏</p>
					<p class="p2">个人中心></p>
					<p class="p3">
						<img src="img/yidenglu/xing.png" />
						<img src="img/yidenglu/xing.png" />
						<img src="img/yidenglu/xing.png" />
						<img src="img/yidenglu/xing.png" />
						<img src="img/yidenglu/xing.png" />
					</p>
					<p class="p4">关注</p>
					<p class="p5">36&nbsp;|</p>
					<p class="p6">粉丝</p>
					<p class="p7">290</p>
				</div>
				<div class="shoucang">我的收藏</div>
				<div class="fabu">我的发布</div>
				<div class="fengexian"></div>
				<div class="liebiao">
					<div class="gimc">
						<p>GIMC</p>
						<span>&gt;</span>
					</div>
					<hr />
					<div class="gimc">
						<p>文章</p>
						<span>&gt;</span>
					</div>
					<hr />
					<div class="jieshao">省广介绍</div>
					<div class="xian"></div>
					<div class="zixun">新闻资讯</div>
					<div class="gimc">
						<p>资源</p>
						<span>&gt;</span>
					</div>
					<hr />
					<div class="gimc">
						<p>课程</p>
						<span>&gt;</span>
					</div>
				</div>
				<input type="radio" name="login" id="tuichu" value="" />
				<label for="tuichu"><div class="tuichu">退出</div></label>

			</div>

		</div>
		<input type="checkbox" name="sousuoy" id="sousuoye" />
		<div class="sousuoye">
			<div class="search">
				<span>x</span>
				<div class="jingke">
					<img src="img/yidenglu/fangdajing.png" />
					<input type="search" name="" required="" placeholder="Search" x-webkit-speech="" x-webkit-grammar="builtin:search" lang="zh-CN">
				</div>
			</div>
		</div>

		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
				slidesPerView: 1,
				/*显示几个内容*/
				spaceBetween: 33,
				/*内容之间的间距*/
				loop: true,
				/*轮播*/
				autoplay: true,
				/*自动轮播*/
				pagination: {
					el: '.swiper-pagination',
					clickable: true,
				},
			});
		</script>
	</body>

</html>